Java Script (==) !== (===) 0. 나와 같다면 자바스크립트에서 =(등호)는 서로 같다는 뜻이 아니다. 등호 왼쪽에 있는 상수나 변수에 오른쪽에 있는 데이터를 할당한다는 뜻이다. a라는 변수를 선언하고 1을 할당했다. 같은 값을 가졌는지 아닌지 판단하려면 어떻게 해야 하지? 등호를 연달아 2번== 사용하면 같은 값을 가졌다면 true, 아니라면 false를 반환한다. !=는 반대로 다른 값을 가지면 true 같은 값을 가... 연산자자바스크립트Java ScriptJava Script JavaScript 개요 및 기본문법 HTML, CSS와 달리 자바스크립트는 C언어, 자바와 같은 일반 프로그램언어와 비슷한 구조를 가지고 있다. 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며 Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있다. HTML 문서 내부에 자바스크립트 소스코드를 두는 유형. 헤드태그, 바디태그에 둘 수 있고 양쪽에 둬도 된다. script src="..." 외부파... Java ScripthtmlJava Script 숫자와 문자 숫자의 기초적인 개념 자바 스크립트에서 숫자라는 개념은 다른 언어와는 다르게 int double float long short 이렇게 숫자의 타입을 엄격하게 세분화 하지 않고 크게 number로 사용한다. 위의 코드를 실행하면 각각의 숫자에 타입을 선언하지 않았음에도 문제없이 작동되는 것을 볼 수 있다. math 객체의 간단한 이해 이후에 포스팅을 하며 자주 등장하게 될 객체라고 생각되어서 ... typeoflengthnumberStringindexOfJava ScriptJava Script DEEP DIVE 한 장 요약 (스코프) 변수는 코드의 가장 바깥 영역뿐 아니라 코드 블록이나 함수 몸체 내에서도 선언할 수 있다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위(스코프)가 결정된다. 위 예제 코드의 가장 바깥 영역에 선언된 변수 x는 어디서든 참조할 수 있다. 하지만 foo 함수 내부에서 선언된 변수 x는 foo함수 내부에서... localglobalscopedeep dive정적 스코프렉시컬 스코프지역전역Java ScriptJava Script [대구AI스쿨] 자율개발일지 자바스크립트 3강 제어문, 전역/지역 변수, 스코프, 호이스팅, 반복문 (1) 과거에는 전역변수와 지역변수를 나누는 기준이 함수였다. 최신 자바스크립트에서는 var가 아닌 let, const로 변수를 선언하고, let, const로 선언한 변수들은 전역변수와 지역변수를 구분 짓는 기준점이 달라지게 된다. 지역변수를 var gv = '지역변수';가 아닌, gv = '지역변수';라고 입력하면 func(), console.log(gv) 둘 다 지역변수 글자가 출력된다. 이미... 웹프로그래밍대구AI스쿨Java ScriptJava Script DEEP DIVE 한 장 요약 (함수) 수학의 함수 자바스크립트의 함수 따라서 함수도 함수 리터럴로 생성할 수 있다. 함수 이름은 생략할 수 있다. 이름이 있는 함수를 기명 함수, 이름이 없는 함수를 무명/익명 함수라 한다. ② 함수 표현식 함수는 일급 객체이므로 함수 리터럴로 생성한 함수 객체를 변수에 할당할 수 있다. 따라서 함수 표현식을 통해 함수를 호출할 때는 함수 이름이 아닌 함수 객체를 가리키는 식별자(여기서는 add)... 함수 리터럴함수고차 함수js함수 표현식기명 함수즉시 실행 함수익명 함수deep divefunctionJava Script함수 선언문Java Script We STUDY | 2주차 배경색과 폰트색 변경하기 자바스크립트의 querySelector을 이용해 배경색을 바꾸고자하는 태그의 <style> 속성을 변경한다. 자바스크립트에서 HTML문서에 접근하기 HTML문서는 DOM(Document Object Model,문서객체모델)에 따라 기술되고 DOM인터페이스를 통해 기술된 HTML 요소가 객제로서 자바스크립트와 연결된다. 따라서, 자바스크립트에서 document객체를 통해 HTML문서에 접근하는... westudyJava ScriptJava Script [JS] Scope & Hoisting inner 함수안에 a의 값을 할당만 한다면 어떻게 될까? inner 함수안에 a라는 변수를 선언하고 값을 할당 후, 또 다른 값으로 할당을 하면 어떻게 될까? inner 함수안에 a에 값을 할당 후 a라는 변수를 선언하고 값을 할당을 하면 어떻게 될까? outer 함수의 a값이 바뀔 줄 알았는데 inner함수의 실행문이 속한 스코프를 먼저 찾기 때문에 a가 변하지 않는 걸까? let으로 변... Java ScriptJava Script [알고리즘] 3. 배열합치기 📌풀이 오름차순으로 정렬이 된 두 배열이 주어지면 두 배열을 오름차순으로 합쳐 출력하는 프로그램을 작성해라. 📌입출력예시 배열의 길이 : 3 배열의 길이 : 5 🔑KEY sort() 함수는 쓰지 않고 투 포인터(Two Pointer) 알고리즘을 사용. 투 포인터(Two Pointer) 두 개의 포인터를 조작하여 원하는 결과를 얻는 알고리즘 시작점과 끝점이 첫번째 원소의 인덱스를 가리키도록 한... Java ScriptalgorithmJava Script [자바스크립트 기초] Object와 Property, Cloning 드림코딩 자바스크립트 기초 강의를 들으며 학습한 내용을 정리해보았다. ⭐️ object는 데이터를 효율적으로 관리하기 위해 사용한다. 오브젝트는 키와 값의 집합체이다! object = { key : value } <오브젝트 만드는 방법> 1. Curly bracket -> object literal snytax 2. Class 생성자 함수 -> object constructor snytax ... js - Cloningjs - Computed propertiesjs - objectjs - in operatorJava ScriptTILjs - for문Java Script [대구AI스쿨] 자율개발일지 자바스크립트 1-2강 변수와 데이터타입 html에서 상자를 공간과 버튼을 만들어 준다. css↓ java script↓... 대구AI스쿨Java Script웹프로그래밍Java Script [TIL #7 WECODE] ES6-arrow function 210221 WECODE #7 ECMA Script는 JavaScript를 표준화한 것을 말한다. function(){} 인자가 하나일 때는 소괄호 생략이 가능. 인자가 두 개일 때는 생략할 수 없다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략이 가능하다. 중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰여야 한다. 다른 ... 개념 정리ES6Java ScriptTILES6
(==) !== (===) 0. 나와 같다면 자바스크립트에서 =(등호)는 서로 같다는 뜻이 아니다. 등호 왼쪽에 있는 상수나 변수에 오른쪽에 있는 데이터를 할당한다는 뜻이다. a라는 변수를 선언하고 1을 할당했다. 같은 값을 가졌는지 아닌지 판단하려면 어떻게 해야 하지? 등호를 연달아 2번== 사용하면 같은 값을 가졌다면 true, 아니라면 false를 반환한다. !=는 반대로 다른 값을 가지면 true 같은 값을 가... 연산자자바스크립트Java ScriptJava Script JavaScript 개요 및 기본문법 HTML, CSS와 달리 자바스크립트는 C언어, 자바와 같은 일반 프로그램언어와 비슷한 구조를 가지고 있다. 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며 Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있다. HTML 문서 내부에 자바스크립트 소스코드를 두는 유형. 헤드태그, 바디태그에 둘 수 있고 양쪽에 둬도 된다. script src="..." 외부파... Java ScripthtmlJava Script 숫자와 문자 숫자의 기초적인 개념 자바 스크립트에서 숫자라는 개념은 다른 언어와는 다르게 int double float long short 이렇게 숫자의 타입을 엄격하게 세분화 하지 않고 크게 number로 사용한다. 위의 코드를 실행하면 각각의 숫자에 타입을 선언하지 않았음에도 문제없이 작동되는 것을 볼 수 있다. math 객체의 간단한 이해 이후에 포스팅을 하며 자주 등장하게 될 객체라고 생각되어서 ... typeoflengthnumberStringindexOfJava ScriptJava Script DEEP DIVE 한 장 요약 (스코프) 변수는 코드의 가장 바깥 영역뿐 아니라 코드 블록이나 함수 몸체 내에서도 선언할 수 있다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위(스코프)가 결정된다. 위 예제 코드의 가장 바깥 영역에 선언된 변수 x는 어디서든 참조할 수 있다. 하지만 foo 함수 내부에서 선언된 변수 x는 foo함수 내부에서... localglobalscopedeep dive정적 스코프렉시컬 스코프지역전역Java ScriptJava Script [대구AI스쿨] 자율개발일지 자바스크립트 3강 제어문, 전역/지역 변수, 스코프, 호이스팅, 반복문 (1) 과거에는 전역변수와 지역변수를 나누는 기준이 함수였다. 최신 자바스크립트에서는 var가 아닌 let, const로 변수를 선언하고, let, const로 선언한 변수들은 전역변수와 지역변수를 구분 짓는 기준점이 달라지게 된다. 지역변수를 var gv = '지역변수';가 아닌, gv = '지역변수';라고 입력하면 func(), console.log(gv) 둘 다 지역변수 글자가 출력된다. 이미... 웹프로그래밍대구AI스쿨Java ScriptJava Script DEEP DIVE 한 장 요약 (함수) 수학의 함수 자바스크립트의 함수 따라서 함수도 함수 리터럴로 생성할 수 있다. 함수 이름은 생략할 수 있다. 이름이 있는 함수를 기명 함수, 이름이 없는 함수를 무명/익명 함수라 한다. ② 함수 표현식 함수는 일급 객체이므로 함수 리터럴로 생성한 함수 객체를 변수에 할당할 수 있다. 따라서 함수 표현식을 통해 함수를 호출할 때는 함수 이름이 아닌 함수 객체를 가리키는 식별자(여기서는 add)... 함수 리터럴함수고차 함수js함수 표현식기명 함수즉시 실행 함수익명 함수deep divefunctionJava Script함수 선언문Java Script We STUDY | 2주차 배경색과 폰트색 변경하기 자바스크립트의 querySelector을 이용해 배경색을 바꾸고자하는 태그의 <style> 속성을 변경한다. 자바스크립트에서 HTML문서에 접근하기 HTML문서는 DOM(Document Object Model,문서객체모델)에 따라 기술되고 DOM인터페이스를 통해 기술된 HTML 요소가 객제로서 자바스크립트와 연결된다. 따라서, 자바스크립트에서 document객체를 통해 HTML문서에 접근하는... westudyJava ScriptJava Script [JS] Scope & Hoisting inner 함수안에 a의 값을 할당만 한다면 어떻게 될까? inner 함수안에 a라는 변수를 선언하고 값을 할당 후, 또 다른 값으로 할당을 하면 어떻게 될까? inner 함수안에 a에 값을 할당 후 a라는 변수를 선언하고 값을 할당을 하면 어떻게 될까? outer 함수의 a값이 바뀔 줄 알았는데 inner함수의 실행문이 속한 스코프를 먼저 찾기 때문에 a가 변하지 않는 걸까? let으로 변... Java ScriptJava Script [알고리즘] 3. 배열합치기 📌풀이 오름차순으로 정렬이 된 두 배열이 주어지면 두 배열을 오름차순으로 합쳐 출력하는 프로그램을 작성해라. 📌입출력예시 배열의 길이 : 3 배열의 길이 : 5 🔑KEY sort() 함수는 쓰지 않고 투 포인터(Two Pointer) 알고리즘을 사용. 투 포인터(Two Pointer) 두 개의 포인터를 조작하여 원하는 결과를 얻는 알고리즘 시작점과 끝점이 첫번째 원소의 인덱스를 가리키도록 한... Java ScriptalgorithmJava Script [자바스크립트 기초] Object와 Property, Cloning 드림코딩 자바스크립트 기초 강의를 들으며 학습한 내용을 정리해보았다. ⭐️ object는 데이터를 효율적으로 관리하기 위해 사용한다. 오브젝트는 키와 값의 집합체이다! object = { key : value } <오브젝트 만드는 방법> 1. Curly bracket -> object literal snytax 2. Class 생성자 함수 -> object constructor snytax ... js - Cloningjs - Computed propertiesjs - objectjs - in operatorJava ScriptTILjs - for문Java Script [대구AI스쿨] 자율개발일지 자바스크립트 1-2강 변수와 데이터타입 html에서 상자를 공간과 버튼을 만들어 준다. css↓ java script↓... 대구AI스쿨Java Script웹프로그래밍Java Script [TIL #7 WECODE] ES6-arrow function 210221 WECODE #7 ECMA Script는 JavaScript를 표준화한 것을 말한다. function(){} 인자가 하나일 때는 소괄호 생략이 가능. 인자가 두 개일 때는 생략할 수 없다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략이 가능하다. 중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰여야 한다. 다른 ... 개념 정리ES6Java ScriptTILES6